html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin:0;
    padding:0;
    outline:none
}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display:block
}
table {
    border-collapse:collapse;
    border-spacing:0
}
caption, th {
    text-align:left;
    font-weight:normal
}
html, body, fieldset, img, iframe, abbr {
    border:0
}
i, cite, em, var, address, dfn {
    font-style:normal
}
[hidefocus], summary {
    outline:0
}
li {
    list-style:none
}
h1, h2, h3, h4, h5, h6, small {
    font-size:100%
}
sup, sub {
    font-size:83%
}
pre, code, kbd, samp {
    font-family:inherit
}
q:before, q:after {
    content:none
}
textarea {
    overflow:auto;
    resize:none
}
label, summary {
    cursor:default
}
img {
    vertical-align:middle
}
a, button {
    cursor:pointer
}
h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight:normal
}
del, ins, u, s, a, a:hover {
    text-decoration:none;
    outline:none
}
html {
    font-size:62.5%
}
body, textarea, input, button, select, keygen, legend {
    font:1.2rem/1.5 "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, tahoma, simsun, sans-serif;
    color:#333;
    outline:0
}
body {
    font-size:120%
}
body {
    background:#fff;
    cursor:default
}
a {
    color:#333
}
/*
a:hover {
    color:#333
}*/
input::-ms-clear, input::-ms-reveal {
    display:none
}
.f-cb, .f-cbli li {
    zoom:1
}
.f-cb:after, .f-cbli li:after {
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
    content:"."
}
*, *:before, *:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}


.f-dn {
    display:none
}
.f-fl {
    float:left
}
.f-fr {
    float:right
}
.emotions{
    position: relative;
    height: 70px;
    border-bottom: 1px solid #eee;
    padding-left: 78px;
}
.emotions img{
    width: 58px;
    height: 58px;
    top:6px;
    position: absolute;
    left:10px;
}
.emoName{
    font-size: 1.8rem;
    color: #222;
    padding-top: 12px;
}
.emoDes{
    color: #999;
    font-size: 1.2rem;
}
.download{
    position: absolute;
    right: 10px;
    border: 1px solid #897bfa;
    top:20px;
    padding:5px 10px;
    color: #897bfa;
    border-radius: 3px;
}
.g-bd {
    zoom:1
}
.g-bd:after {
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
    content:"."
}
html, body {
    width:100%;
    height:100%
}
.g-bd {
    position:relative;
    width:100%;
    margin:0 auto;
    min-width:320px;
    max-width:640px
}